div#middle dl#projects{
    overflow: auto;
    padding : 0 0 5px 0;
    margin : 10px 0 0 0;
}

div#middle dl#projects dt{
    font-size: 20px;
    margin: 0 0 0 -5px;
    padding :0 0 5px 0;
    margin: 10px 0 0 0;
    color : #333333;
    font-weight: bolder;
    border-bottom: 1px solid #666666;
}

div#middle dl#projects dt form{
    float: right;
}

div#middle dl#projects dd{
    float: left;
    margin : 8px 8px 0 0;
	width: 240px;
    height: 240px;
}
div#middle dl#projects dd.change-line{margin-right:0;}

div#middle dl#projects dd a,
div#middle dl#projects dd a img{
    display: block;
}
div#middle dl#projects dd a{
    position: relative;
}

div#middle dl#projects dd a span.desc{
    width: 200px;
    height: 200px;
    position: absolute;
    left : 0;top: 0;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color : #000000;
    padding: 20px;
}
div#middle dl#projects dd a span.desc{
    background: url('../img/frontend/project-mask.png') 0 0 repeat scroll transparent;
    display: none;
}

div#middle dl#projects dd a span.desc span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 20px;
	line-height: 1.5em;
}

div#middle dl#projects dd a span.loading{
    background-color: #eff0ec;
}

div#middle dl#projects dd a span.loading img{
    display: block;
    margin-top: 80px;
    margin-left: 80px;
}

div#middle dl#projects dd a:hover span.desc{
    display: block;
}